<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<{include file="./foreground/common.htm" }> 
<link rel="stylesheet" type="text/css" href="/css/main.css" />
<script language="javascript" src="/js/main.js"></script>
<script language="javascript" src="/js/jquery.marquee.js"></script>
<script language="javascript" src="/js/js.js"></script>
<script>	
	var NowFrame = 1;
	var MaxFrame = <{$indexImgListNum}>;
	var bStart = 0;
	function fnToggle() {
	var next = NowFrame + 1;
	if(next == MaxFrame+1) 
	{
	NowFrame = MaxFrame;
	next = 1;
	}
	if(bStart == 0)
	{
	bStart = 1;
			  
	setTimeout('fnToggle()', 1000);
	return;
	}
	else
	{
	oTransContainer.filters[0].Apply();
	document.images['oDIV'+next].style.display = "";
	document.images['oDIV'+NowFrame].style.display = "none"; 
	oTransContainer.filters[0].Play(duration=5);
	if(NowFrame == MaxFrame) 
	NowFrame = 1;
	else
	NowFrame++;
	} setTimeout('fnToggle()', 5500);
	}
	fnToggle();
</script>
</head>
<body>
<{include file="./foreground/header.htm" }> 
<div class="td"></div>
<!--#body-->
<div class="layout mar">
   <div class="box1">
      <div class="Fox" id="oTransContainer" style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, motion='forward');">
       <{foreach from=$indexImgList item=datil key=id}>
        <img src="<{$datil.upload_url}>" name="oDIV<{$id+1}>" border="0" id="oDIV<{$id+1}>" />       
       <{/foreach}>
      </div>
   </div>
 <{include file="./foreground/common2.htm" }>  
</div>
<div class="td"></div>
 <{include file="./foreground/common3.htm" }> 
<div class="td"></div>
<{include file="./foreground/common4.htm" }>
<div class="td"></div>
<{include file="./foreground/common5.htm" }>
<!--#body-->
<{include file="./foreground/footer.htm" }> 
</body>
</html>
